@import "./theme.less";
body {
  > div {
    font-size: 0.36rem !important;
  }
  color: #333 !important;
  a {
    color: @like-color;
  }
  .mu-input__focus,
  .mu-bottom-item-active,
  .mu-form-item__focus,
  .mu-primary-text-color,
  .mu-option.is-selected .mu-item,
  .mu-radio-checked {
    color: @primary;
  }
  .mu-primary-color {
    background-color: fade(@primary, 80%);
  } // 加载条
  .mu-linear-progress-background,
  .mu-linear-progress-determinate,
  .mu-step-label.active .mu-step-label-circle,
  .mu-step-label.completed .mu-step-label-circle {
    background-color: @primary;
  }
  .mu-item-title {
    font-size: 14px;
  }
  .mu-input {
    font-size: 14px;
  }
  .reset-form {
    .mu-form-item {
      border-radius: 0.05rem;
      min-height: 1.15rem;
      margin-bottom: 0.6rem;
      border-width: 0.03rem;
      border-style: solid;
      border-color: rgba(127, 135, 143, 0.5);
      padding-bottom: 0;
      .mu-text-field-input,
      .mu-form-item-content,
      .mu-select-input {
        height: 1.1rem;
      }
      .mu-button {
        margin: 0 6px;
      }
    }
    .mu-form-item__error {
      border-color: #f44336;
    }
    .mu-form-item__focus {
      color: rgba(127, 135, 143, 0.5);
      border-color: rgba(127, 135, 143, 0.5);
    }
    .mu-form-item-help {
      left: 0 !important;
    }
    .mu-form-item-help,
    .mu-input-help {
      bottom: -0.5rem;
      left: -1.5rem;
    }
    .mu-text-field input + div,
    .mu-text-field input + i + div,
    .mu-select .mu-select-action + div {
      display: none;
    }
  }
  .modal-form {
    .mu-dialog-body {
      padding-left: 5px !important;
      .mu-input {
        font-size: 0.32rem;
      }
      .mu-radio-label {
        font-size: 0.36rem;
      }
      .mu-form-item-help,
      .mu-input-help {
        bottom: inherit;
        top: 1rem;
      }
      .b-textarea {
        .mu-form-item-help,
        .mu-input-help {
          bottom: -4px;
          top: inherit;
        }
        textarea{
            height: 100% !important;
        }
      }
      .mu-form-item__error {
        .mu-input-help {
          display: none;
        }
      }
    }
    &.modal-premium,
    &.modal-entrust {
      .mu-dialog {
        overflow: hidden;
      }
      .mu-dialog-title::before {
        position: absolute;
        display: inline-block;
        padding-top: 0.3rem;
        right: -1rem;
        top: -0.3rem;
        z-index: 0;
        height: 1rem;
        width: 2.5rem;
        color: #fff;
        text-align: center;
        font-size: 0.34rem;
        transform: rotate(45deg);
      }
      &.modal-premium .mu-dialog-title:before {
        // 溢价
        content: "溢价";
        background-color: #ff6e04;
      }
      &.modal-premium-up .mu-dialog-title:before {
        // 上溢价
        padding-top: 0.28rem;
        content: "上溢价";
        background-color: #ff6e04;
        font-size: 0.3rem;
      }
      &.modal-premium-dow .mu-dialog-title:before {
        // 下溢价
        padding-top: 0.28rem;
        content: "下溢价";
        background-color: #ff6e04;
        font-size: 0.3rem;
      }
      &.item-entrust .mu-dialog-title:before {
        // 委托
        content: "委托";
        background-color: #34b6af;
      }
    }
  }
  // 底部弹出组件
  .b-alert-dialog {
    top: inherit !important;
    height: 8.1rem !important;
    > .mu-dialog {
      background-color: #f5f5f5 !important;
      border-top-right-radius: 0.3rem;
      border-top-left-radius: 0.3rem;
      overflow: hidden;
      .mu-dialog-body {
        height: 100%;
      }
    }
    .mu-appbar {
      height: 1.25rem;
      > * {
        padding: 0;
      }
      .mu-appbar-title {
        font-size: 0.4rem;
      }
    }
    .b-alert-body {
      overflow: hidden;
      overflow-y: auto;
      height: calc(~"100% - 1.25rem");
    }
    // &.exchangeTpl{
    //     height: 7.6rem !important;
    // }
    // 背包
    &.backpackTpl {
      .mu-primary-color {
        background-color: #f5f5f5 !important;
      }
      .mu-inverse {
        color: #333;
        .mu-appbar-title {
          font-weight: bolder;
          font-size: 0.36rem;
        }
      }
      .mu-tabs {
        color: #333;
        width: 100%;
        padding: 0 0.5rem;
        .mu-tab-wrapper {
          padding: 8px 12px;
          min-height: 34px;
        }
      }
      .mu-tab-active {
        color: @primary;
      }
    }
  }
  // 重写询问组件
  .mu-dialog.mu-scale {
    position: relative;
    border-radius: 0.1rem;
    .mu-dialog-title {
      position: absolute;
      top: 0.35rem;
      left: 0;
      width: 100%;
      justify-content: center;
      -webkit-justify-content: center;
      padding: 0 20px;
      font-size: 0.45rem;
    }
    .mu-dialog-title + .mu-dialog-body {
      padding-top: 30px;
      padding-bottom: 0;
    }
    &::after {
      border-top-left-radius: 0.1rem;
      position: absolute;
      z-index: 1;
      content: "";
      display: inline-block;
      height: 0.24rem;
      background-color: #f4ae00;
      width: 33.33%;
      top: 0px;
      left: 0;
    }
    &::before {
      position: absolute;
      z-index: 1;
      content: "";
      display: inline-block;
      height: 0.24rem;
      background-color: red;
      width: 33.33%;
      top: 0px;
      left: 33.33%;
    }
    .mu-dialog-body {
      margin-top: 0.9rem;
      &::after {
        border-top-right-radius: 0.1rem;
        position: absolute;
        z-index: 1;
        content: "";
        display: inline-block;
        height: 0.24rem;
        background-color: green;
        width: 33.3386%;
        top: 0px;
        right: 0;
      }
    }
  }
  .mu-dialog-wrapper.ncAlert {
    .mu-dialog-body p {
      margin-top: 0;
      font-size: 0.36rem;
    }
  }
}
// 能量跳动动画
.b-nl-an {
  -webkit-animation: bottleFade1 1s infinite;
  -moz-animation: bottleFade1 1s infinite;
  -ms-animation: bottleFade1 1s infinite;
  animation: bottleFade1 1s infinite;
  animation-direction: alternate;
}
@-webkit-keyframes bottleFade1 {
  from {
    transform: translate(0, 0.01rem);
  }
  to {
    transform: translate(0, 0.1rem);
  }
}
